	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Rekap Prestasi</title>
		<style type="text/css">
			@media screen{
				body {
					font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
					color: #4f6b72;
					background: #E6EAE9;
				}
			}
			@media print{
				body {
					font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				}
			}
			body{
				margin : 5px;
			}
			a {
				color: #c75f3e;
			}
			
			#mytable {
				width: 100%;
				padding: 0;
				margin: 0;
			}
			
			caption {
				padding: 0 0 5px 0;
				width: 100%;	 
				font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				text-align: center;
			}
			
			th {
				font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				color: #4f6b72;
				border-right: 1px solid #C1DAD7;
				border-bottom: 1px solid #C1DAD7;
				border-top: 1px solid #C1DAD7;
				letter-spacing: 2px;
				text-transform: uppercase;
				text-align: left;
				padding: 6px 6px 6px 12px;
				background: #CAE8EA url(./assets/images/bg_header.jpg) no-repeat;
			}
			
			th.nobg {
				border-top: 0;
				border-left: 0;
				border-right: 1px solid #C1DAD7;
				background: none;
			}
			
			td {
				border-right: 1px solid #C1DAD7;
				border-bottom: 1px solid #C1DAD7;
				background: #fff;
				padding: 6px 6px 6px 12px;
				color: #4f6b72;
				font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			}
			
			td.alt {
				background: #F5FAFA;
				color: #797268;
			}
			
			th.spec {
				border-left: 1px solid #C1DAD7;
				border-top: 0;
				background: #fff url(./assets/images/bullet1.gif) no-repeat;
				font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			}
			
			th.specalt {
				border-left: 1px solid #C1DAD7;
				border-top: 0;
				background: #f5fafa url(./assets/images/bullet2.gif) no-repeat;
				font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				color: #797268;
			}
			table, tr, td, th{
				border : 1px solid black;
				border-collapse:collapse;
			}
			</style>
	</head>
	<body onload="window.print();">
<table summary='Rekap Prestasi' id="mytable">
	<caption>Rekap Prestasi Periode 01 Februari 2015 s/d 28 Februari 2015</caption>
	<thead>
		<tr>
			<th scope='col'>No</th>
			<th scope='col'>Kompetisi</th>
			<th scope='col'>Sekolah</th>
			<th scope='col'>Juara</th>
			<th scope='col'>Skor</th>
			<th scope='col'>Tanggal</th>
		</tr>
	</thead>
	<tbody>
				<tr>
			<td>1</td>
			<td>Administrasi Kreatif</td>
			<td>SMKN 1 APK</td>
			<td>Juara 2</td>
			<td>300</td>
			<td>15-02-2015</td>
			</tr>
			</tbody>
</body>
</html>